<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="#" method="post" name="form1">
			账号：<input type="text" id="username" value="" name="username1"/><br>
			密码：<input type="password" id="pwd" name="pwd1" /><br>
			<div class="mui-input-row mui-radio ">
				<label>性别：</label>
				男<input name="radio" type="radio" checked>
				女<input name="radio" type="radio" checked>
			</div>
			学院：<select name="">
				<option value="软件工程学院">软件工程学院</option>
				<option value="文化与旅游学院">文化与旅游学院</option>
				<option value="财经商贸学院">财经商贸学院</option>
				<option value="信息与制造学院">信息与制造学院</option>
				<option value="医学护理学院">医学护理学院</option>
			</select>
			<br>
			<div class="mui-input-row mui-checkbox ">
				<label>爱好：</label>
				篮球<input name="Checkbox" type="checkbox" checked>
				羽毛球<input name="Checkbox" type="checkbox" checked>
				足球<input name="Checkbox" type="checkbox" checked>
			</div>
			<br>
			自我介绍：<textarea rows="20" cols="50"></textarea><br>
			<button type="button" onclick="name1();">提交</button>
			
		</form>
	</body>
	<script type="text/javascript">
		// 3.新制作一个注册页面，要求
		//       3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		//       3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		//       3.3 每个需要提交的标签都要有name值
		//       3.4 按照name的方式查找各个元素
			function name1(){
				var a = document.getElementsByName('Checkbox');
				console.log(a)
				var b = document.getElementsByTagName('div')
				console.log(b)
			}
		//       3.5 按照标签的方式查找各个元素
			
	</script>
</html>
